<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>预定</title>
    <link rel="stylesheet" href="../style/yuding.css">
</head>
<body>
    <div class="first-floor">
        <div class="main-bg">
        <!--标题-->
        <div class="title-0">
            <img src="../image/logo.png" alt=""/>
            <ul>
                <li>
                    <a href="">首页</a>
                </li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="sheshi.html.html">住宿设施</a></li>
                <li><a href="Gallery.html">酒店风貌</a></li>
                <li class="menu"><a href="blog.html">公告</a></li>
                <li><a href="login.html">登录</a></li>

            </ul>
        </div>

       <!--内容主体-->
        <div class="body-0">
            <div class="body-1"> 远离单调的生活</div>
            <div class="body-2">放松你的头脑</div>
            <div class="body-3">
                <p>邂逅不期而遇的美好</p>
             <p>为全球高端旅行者缔造着卓尔不凡的精彩体验和终生难忘的美好回忆</p>
            </div>
            <div class="body-4"><a href="tip3.html">马上预订</a></div>
        </div>
            <div class="footer">
                <!--左边-->
                <div>
                    <p>开始预订</p>
                    <p>你的房间</p>
                </div>
                <!--右边-->
                <div>
                    <ul>
                        <li><input type="text" class="input-set" placeholder="入住日期"/></li>
                        <li><input type="text" class="input-set" placeholder="成人"/></li>
                        <li><input type="text" class="input-set" placeholder="儿童"/></li>
                        <li><input type="text" class="input-set" placeholder="退房日期"/></li>
                        <li><input type="text" class="input-set" placeholder="Child"/></li>
                        <li id="likeButton"><a href="tip3.html">马上预订</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="second-floor">
        <div class="first-step">
            <h5>客房与套房</h5>
        </div>
        <div class="second-step">
            <p> </p>
        </div>
        <div class="third-step">
            <ul>
                <li>
                    <img src="../image/room1.jpg" alt="">
                    <p><a href="tip2.html">立即预订</a></p>
                    <h6>双人豪华房</h6>
                    <h5>￥250<small>/night</small></h5>
                </li>
                <li>
                    <img src="../image/room2.jpg" alt="">
                    <p><a href="tip2.html">立即预订</a></p>
                    <h6>豪华单人房</h6>
                    <h5>￥200<small>/night</small></h5>
                </li>
                <li>
                    <img src="../image/room3.jpg" alt="">
                    <p><a href="tip2.html">立即预订</a></p>
                    <h6>蜜月套房</h6>
                    <h5>￥750<small>/night</small></h5>
                </li>
                <div class="create-height"></div>
            </ul>
        </div>
    </div>
    <div class="third-floor">
        <div class="third-main">
            <!--标题部分-->
            <div class="body-1">
                <h6>皇家设施</h6>
                <p>卓尔不群，独具一格</p>
            </div>
            <!--内容主体-->
            <div class="body-2">
                <ul>
                    <li><img src="#" alt=""/>
                        <h6>餐厅</h6>
                        <p>介绍</p>
                            <p>介绍 </p>
                    </li>
                    <li><img src="#" alt=""/>
                        <h6>健身俱乐部</h6>
                        <p>介绍    </p>
                        <p>介绍  </p>
                    </li>
                    <li><img src="#" alt=""/>
                        <h6>游泳池</h6>
                        <p>介绍 </p>
                        <p> 介绍  </p>
                    </li>
                    <li><img src="#" alt=""/>
                    <h6>体育馆</h6>
                    <p>介绍 </p>
                        <p> 介绍 </p>
                    </li>
                    <li><img src="#" alt=""/>
                    <h6>酒吧</h6>
                    <p>介绍 </p>
                        <p>  介绍 </p>
                    </li>
                </ul>
            </div>
        </div>
        </div>
        <div class="four-floor">
            <div class="left-part">
                <h4>关于我们</h4>
                 <h4> 酒店历史</h4>
                 <h4>Mission & Vision</h4>
                <div>酒店历史介绍</div>
                <a href="">REQUEST CUSTOM PRICE</a>
            </div>
            <div class="right-part">
                <img src="../image/about_bg.jpg" alt=""/>
            </div>
        </div>
        <div class="five-floor">
            <h6>客户评价</h6>
            <p>客户评价内容</p>
            <div class="float-screen">
                <div class="screen-container">
                    <div>
                        <img  src="#" alt="">
                        <p>客户评价 </p>
                        <h4 >客户姓名</h4>
                    </div>
                    <div>
                        <img  src="#" alt="">
                        <p>客户评价内容 </p>
                        <h4 >客户姓名</h4>
                    </div>
                    <div>
                    <img  src="#" alt="">
                    <p>评价内容 </p>
                    <h4 >客户姓名</h4>
                     </div>
                    <div>
                        <img  src="#" alt="">
                        <p>评价内容</p>
                        <h4 >客户姓名</h4>
                    </div>
                </div>
            </div>
                <div class="last-menu">
                    <a href="#"></a>
                    <a href="#"></a>
                </div>
        </div>
        <div class="six-floor">
            <div class="main-content">
                <div>
                    <img  src="../image/blog/blog-1.jpg" alt="">
                    <div class="tags">
                        <span>广告</span>
                        <span>广告</span>
                    </div>
                </div>
                <div>
                    <img  src="../image/blog/blog-2.jpg" alt="">
                    <div class="tags">
                        <span>广告</span>
                        <span>广告</span>
                    </div>
                </div>
                <div>
                    <img  src="../image/blog/blog-3.jpg" alt="">
                    <div class="tags">
                        <span>广告</span>
                        <span>广告</span>
                    </div>
                </div>
            </div>
        </div>
        <div id="footer"></div>
</body>
</html>